
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动详情</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css"/>
    <link rel="stylesheet" href="css/activity_Details_sm.css" type="text/css"/>
    <link rel="stylesheet" href="TemplateUI/BtnTemplate/ButtonLess.css"/>
    <link rel="stylesheet" href="css/activity_Details_md.css" type="text/css"/>

</head>

<body>
<!--div style="width: 1920px;height: 50px;position: fixed;background-color: red;" ></div>-->
<!--头部导航栏，响应式，最小宽度768-->
<div class="nav">
    <a class="logo_Astray">Astray</a>
    <ul class="nav_ul">
        <a href="index.html"><li class="nav_li nav_action">首页</li></a>
        <a href="article_Index.html"><li class="nav_li">文章</li></a>
        <a href="question_Index.html"><li class="nav_li">问答</li></a>
        <a href="test_Index.html"><li class="nav_li">测试</li></a>
        <a href="FM_Index.html"><li class="nav_li">FM</li></a>
        <li class="nav_menu">
            <ul class="nav_drop">
                <li class="item">更多<span class="triangle"></span></li>
                <a href="interact_List.html"><li class="item">动态</li></a>
                <a href=""><li class="item">选项2</li></a>
            </ul>
        </li>
    </ul>
    <ul class="nav_ul_info">
        <li class="nav_ul_info_li">
            <a  class="nav_ul_info_img" href="user_Center.html">
                <img src="img/headPhoto.png" width="2rem">
            </a>
            <div id="user_infoBox">
                <ul>
                    <li>
                        文章<br/>
                        <span>11</span>
                    </li>
                    <li>
                        提问<br/>
                        <span>11</span>
                    </li>
                    <li>回答<br/>
                        <span>11</span>
                    </li>
                    <li>收藏<br/>
                        <span>11</span>
                    </li>
                </ul>
                <dl>
                    <dt>称号：</dt>
                    <dd><img src="img/jia.png" alt=""></dd>
                    <dd><img src="img/jia.png" alt=""></dd>
                </dl>
                <div>
                    <a>签到</a>
                    <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                </div>
            </div>

        </li>
        <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
        <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
    </ul>
</div>
<!--活动图片-->
<div class="activity_maximg" style="margin-top:44px;">
    <img  src="img/activity_Details_maximg.jpg"/>
</div>

<!--活动主体-->
<div class="activity_subject">
    <!--上半部分-->
    <div class="activityupper_part">
        <!--左边图片-->
        <div class="activityimg_left">
            <img src="img/activity_Datails_minimg.jpg">
        </div>
        <div class="md_style">
        <p class="leftfont_size">“2018新零售·新电商”创新发展论坛暨 杭州市电商服务资源对接活动</p>
        <div class="left_style">

            <span class="font_orangeclass">
                报名开始时间：
            </span>
            <span class="font_Light_greyclass">
                2018-1-18
            </span>
            <span  class="font_orangeclass font_baomingTime">
                    报名结束时间：
            </span>
            <span class="font_Light_greyclass">
                    2018-1-28
            </span>
        </div>
        <div class="left_style">
            <span class="font_orangeclass">
              活动地点：
            </span>
            <span class="font_Light_greyclass">
                浙江杭州江干区华辰·银座大酒店5楼
            </span>
        </div>

        <div class="left_style">
            <div class="huodng_score">
            <span class="font_orangeclass">
                活动人数：
            </span>
            <span class="font_Light_greyclass">
                100人
            </span>
            </div>
            <div class="renxiang_md">
                <span class="font_orangeclass share">
                  分享：
                    <a href="#"><img src="img/icon-微信朋友圈.png" class="share_img"></a>
                    <a href="#"><img src="img/微信.png" class="share_img"></a>
                    <a href="#"><img src="img/微博.png" class="share_img"></a>
                    <a href="#"><img src="img/空间.png" class="share_img"></a>
                    <a href="#"><img src="img/豆瓣.png" class="share_img"></a>
                </span>
            </div>
        </div>
        <button class="activity_button">立即参加</button>
        <button class="activity_buttonshouc">
            <img class="shouc_img"  src="img/activity_Datails_like.png"/>
            <span>收藏</span>
        </button>
        </div>
    </div>
    <!--下半部分-->
    <div class="Lowerpart_body">
        <!--左边-->
        <div class="Lowerpart_body_left">
            <div class="Lowerpart_body_left_info">
                <ul class="activities">
                    <li class="activities_info">活动详情</li>
                    <li class="activities_liuyan">已报名</li>
                    <li class="activities_liuyan">报名留言</li>
                </ul>
                <div class="activities_huodongxinxi">
                    <p class="activities_biaoti">一、活动背景</p>
                    <p class="activities_neirong">
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                        在过往的云酒大会上，阿里巴巴董事长马云提出“电商即将消失，新售即将来临”的观点。目前纯电商也面临着流量红利衰竭的镜
                    </p>
                    <p class="activities_biaoti">二、参赛人员</p>
                    <p class="activities_neirong">（一）市、区、县商务部门相关领导</p>
                    <p class="activities_neirong">（二）运营类、视觉类、工具类、物流类、衍生类等电商服务企业负责人</p>
                    <p class="activities_neirong">（三）电商企业、传统企业、专业市场、产业园区、工业园区、中小网商、大学生创业者等电商从业者</p>
                    <p class="activities_neirong">（四）其他机构：协会、高等院校、新闻媒体等</p>

                    <p class="activities_biaoti">三、活动时间</p>
                    <p class="activities_neirong">
                       2018年1月19日 13:00-17:00
                    </p>
                    <p class="activities_biaoti">四、活动地点</p>
                    <p class="activities_neirong">
                        江干区华辰.银座大酒店5楼
                    </p>
                    <p class="activities_biaoti">五、组织机构</p>
                    <p class="activities_neirong">
                        主板单位：杭州市商务委员会（杭州市粮食局）
                        <span class="sp1">承办单位：杭州电子商务公共服务中心</span>
                        <span class="sp2">江干区商务局</span>
                        <span class="sp2">江干区工商业联合会</span>
                    </p>
                </div>
            </div>
            <!---已报名-->
            <div class="Lowerpart_body_left_baoming">
                <ul class="activities">
                    <li class="activities_info">已报名</li>
                </ul>
                <div>
                    <ul class="baoming_mingdan">
                        <li class="baoming_touxiao">
                            <a href="#">
                            <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                        <li class="baoming_touxiao">
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                            <p>17分钟前</p>
                        </li>
                    </ul>
                </div>
            </div>
            <!--留言-->
            <div class="Lowerpart_body_left_liuyan">
                <ul class="activities">
                    <li class="activities_info">留言</li>
                </ul>
                <div class="liuyan">
                       <ul class="liuyan_info">
                           <li>
                               <a href="#">
                                   <img src="img/headPhoto.png">
                               </a>
                           </li>
                           <li class="liuyan_left">
                               <a href="#">迷途者</a>
                           </li>
                           <li class="liuyan_right">
                               2018-1-20 1:15
                           </li>
                           <li class="liuyan_neirong">
                               爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈,爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈。。。。
                           </li>
                           <li class="liuyan_caozuo">
                               <div>
                                   <a href="#">回复</a><span>|</span>
                                   <a href="#">举报</a>
                               </div>
                           </li>
                       </ul>
                </div>
                <div class="liuyan">
                    <ul class="liuyan_info">
                        <li>
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                        </li>
                        <li class="liuyan_left">
                            <a href="#">迷途者</a>
                        </li>
                        <li class="liuyan_right">
                            2018-1-20 1:15
                        </li>
                        <li class="liuyan_neirong">
                            爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈,爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈。。。。
                        </li>
                        <li class="liuyan_caozuo">
                            <div>
                                <a href="#">回复</a><span>|</span>
                                <a href="#">举报</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="liuyan">
                    <ul class="liuyan_info">
                        <li>
                            <a href="#">
                                <img src="img/headPhoto.png">
                            </a>
                        </li>
                        <li class="liuyan_left">
                            <a href="#">迷途者</a>
                        </li>
                        <li class="liuyan_right">
                            2018-1-20 1:15
                        </li>
                        <li class="liuyan_neirong">
                            爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈,爱你！！！超级喜欢作者捏啊啊哈哈哈哈哈哈哈。。。。
                        </li>
                        <li class="liuyan_caozuo">
                            <div>
                                <a href="#">回复</a><span>|</span>
                                <a href="#">举报</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="Lowerpart_body_left_liuyanban">
                <textarea class="textarea">请输入留言内容....</textarea>
                <button class="pingjiao">评论</button>
            </div>
        </div>

        <!--中间-->
        <div class="Lowerpart_body_right_middle"></div>
        <!--右边-->
        <div class="Lowerpart_body_right">
           <ul style="padding-left:0px;">
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
               <li class="Lowerpart_body_right_li">
                   <div class="right_img">
                       <a href="#"><img src="img/articlePic.png"></a>
                       <a href="#"><p class="font">你永远也无法哄睡一颗清醒的心-------如何面对失眠</p></a>
                   </div>
                   <div class="right_mituzhe">
                       <a href="#" class="_mituzhe_mituzhe">迷途者</a>
                   </div>
                   <div class="right_img_mituzhe">
                       <a href="#">
                           <img src="img/操作-评论.png">
                           <span>6</span></a>
                       <a href="#"><img src="img/查看(3).png">
                           <span>12312</span></a>
                   </div>
               </li>
           </ul>
        </div>
    </div>
</div>
</body>
</html>